Ejemplo prioridad, en la herencia CSS.
La Cabecera superior <h2>Cabecera: header</h2> se visualiza de color Lima, por ser la combinación ganadora.
<style>
/* A = Estilos en línea − B = ID − C = Clases − D = Elemento */
/* A − B − C − D */
/* 0 − 1 − 1 − 1 */ #caja .cabecera h1 {color:lime} WINNER!!!
/* 0 − 0 − 1 − 2 */ .cabecera header h1 {color:yellow}
/* 0 − 1 − 0 − 1 */ #caja h1 {color:red}
/* 0 − 0 − 1 − 1 */ .cabecera h1 {color:blue}
/* 0 − 0 − 0 − 1 */ h1 {color:green}
</style>